<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/base.css">
</head>
<body>
<!--顶部大盒子-->
    <div class="top">
        <!--顶部居中盒子-->
        <div class="top_center mAuto w1200">
            <!--左侧盒子-->
            <p class="fl">欢迎来到天天生鲜</p>
            <!--用户盒子-->
            <div class="user_link fr">
                <span>|</span>
                <a href="#">用户中心</a>
                <span>|</span>
                <a href="#">我的购物车</a>
                <span>|</span>
                <a href="#">我的订单</a>
            </div>
            <!--登录盒子-->
            <div class="login_btn fr">
                <a href="天天生鲜-登录.html">登录</a>
                <span>|</span>
                <a href="#">注册</a>
            </div>
            <!--用户信息盒子-->
            <div class="login_info fr">
                欢迎您：<em>张三</em>
            </div>
        </div>
    </div>
<!--搜索模块-->
<div class="search_bar clearfix">
    <!--logo模块-->
    <a href="index.html" class="search_logo fl">
        <img src="img/logo.png" alt="">
    </a>
    <!--搜索模块-->
    <div class="search_con fl">
        <form action="" class="clearfix">
            <input type="text" placeholder="搜索商品" name="product_search" class="input_text fl">
            <input type="submit" value="搜索" class="input_btn fl">
        </form>
    </div>
    <!--购物车模块-->
    <div class="guest_cart fr">
        <a href="#" class="cart_name fl">我的购物车</a>
        <div class="goods_count fl">1</div>
    </div>
</div>
<!--导航模块-->
<div class="nav_bar_con">
    <div class="nav_bar margin_auto clearfix">
        <h1 class="fl"><a href="#">全部商品分类</a></h1>
        <ul class="fl">
            <li><a href="#">首页</a></li>
            <li class="interval">|</li>
            <li><a href="#">手机生鲜</a></li>
            <li class="interval">|</li>
            <li><a href="#">抽奖</a></li>
        </ul>
    </div>
</div>
<!--菜单内容模块-->
<div class="center_con mAuto">
    <!--左侧菜单盒子-->
    <div class="sub_nav fl">
        <ul>
            <li><a class="fruit" href="#">新鲜水果</a></li>
            <li><a class="seafood" href="#">海鲜水产</a></li>
            <li><a class="meet" href="#">猪牛羊肉</a></li>
            <li><a class="egg" href="#">禽类蛋品</a></li>
            <li><a class="vegetables" href="#">新鲜蔬菜</a></li>
            <li><a class="ice" href="#">速冻食品</a></li>
        </ul>
    </div>
    <!--轮播模块-->
    <div class="slide fl">
        <ul class="slide_pics">
            <li><img src="img/slide.jpg" alt=""></li>
            <li><img src="img/slide02.jpg" alt=""></li>
            <li><img src="img/slide03.jpg" alt=""></li>
            <li><img src="img/slide04.jpg" alt=""></li>
        </ul>
        <div class="prev"></div>
        <div class="next"></div>
        <ul class="points">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
<!--内容模块-->
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>

</div>
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>

</div>
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>

</div>
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>

</div>
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>

</div>
<div class="list_model mAuto ">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛肉馆</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>
    <!--内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<!--底部模块-->
<div class="footer"></div>
    <div class="footer_nav w100">
        <p class="f16 mt35"><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">招聘人才</a><span>|</span><a href="#">友情链接</a></p>
        <p class="f16 mt15">CopyRight  2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
        <p class="f16 mt15">电话：010-****888    京ICP备*******8号</p>
    </div>
</body>
</html>